<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
        <link rel="stylesheet" type="text/css" href="css/base.css"/>
        <link rel="stylesheet" href="css/foundation-datepicker.css">
        <link rel="stylesheet" type="text/css" href="css/yfabu_zhuanti.css"/>
        <script src="js/jquery.min.js"></script>
        <link rel="stylesheet" href="css/zeroModal.css">
        <script src="js/zeroModal.min.js"></script>
        <script src="js/base.js"></script>
        <script src="js/paging.js"></script>
        <script src="js/yfabu_zhuanti.js"></script>
        <style>
            .page_div {
				margin-top: 20px;
				margin-bottom: 20px;
				font-size: 15px;
				font-family: "microsoft yahei";
				color: #666666;
				margin-right: 10px;
				padding-left: 20px;
				box-sizing: border-box;
			}
			/*
			 * 页数按钮样式
			 */
			
			.page_div a {
				min-width: 30px;
				height: 28px;
				border: 1px solid #dce0e0!important;
				text-align: center;
				margin: 0 4px;
				cursor: pointer;
				line-height: 28px;
				color: #666666;
				font-size: 13px;
				display: inline-block;
			}
			
			#firstPage,
			#lastPage {
				width: 50px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			#prePage,
			#nextPage {
				width: 70px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			.page_div .current {
				background-color: #0073A9;
				border-color: #0073A9;
				color: #FFFFFF;
			}
			
			.totalPages {
				margin: 0 10px;
			}
			
			.totalPages span,
			.totalSize span {
				color: #0073A9;
				margin: 0 5px;
            } 
            .yfb_list th,tr{
                font-weight: normal;
            }
        </style>
	</head>
	<body>
		<div class="container">
			<div class="con">
				<div class="c">
					<div class="c_xiao">撤 销 发 布</div>
				</div>
				<div class="z_ti">
					<div class="special">专题 ID：<input type="text" class="in_zt"/></div>
					
					<div class="special">专题 名称：<input type="text" class="in_mc"/></div>
					
					<div class="special">状态：
						<select class="in_ztai zt">
                            <!-- <option value="0" selected=""></option>
                            <option value="1">待审核</option> -->
                            <!-- <option value="2" >待发布</option> -->
                            <option value="3" selected>已发布</option>
                            <!-- <option value="10">有更新</option>
                            <option value="-1">审核失败</option>
                            <option value="-2">撤销发布</option> -->
                        </select>
					</div>
					
					<div class="special ">频道：
						<select class="in_ztai yfb_ztp" style="font-weight: normal">
                           <option value="">请选择</option>
                        </select>
					</div>
					
					<div class="special"  style="cursor: pointer;display:none;">创建时间：<input id="demo-2" type="text" class="in_sj"/><img style="position: relative;left:-20px" src="images/date.png" alt=""></div>
					
					<div class="special"><input type="button" class="in_sou" value="搜索"/></div>
				</div>
				
				<!--表格-->
				 <div class="biaoge">
				 	<table>
                        <thead>
                            <tr>
                                <th>选择</th>
                                <th>ID</th>
                                <th class="b_t">标题</th>
                                <th>状态</th>
                                <th>频道</th>
                                <th>文章数</th>
                                <th>创建时间</th>
                                <th>操作</th>
                                <th>。。。</th>
                            </tr>
                        </thead>
                        <tbody class="yfb_list">
                            <!-- <tr>
                                <th>选择</th>
                                <th>ID</th>
                                <th class="b_t">标题</th>
                                <th>状态</th>
                                <th>频道</th>
                                <th>文章数</th>
                                <th>创建时间</th>
                                <th>操作</th>
                                <th>。。。</th>
                            </tr> -->
                        </tbody>
                        
                        <!-- <tr>
                             <td><input type="checkbox" /></td> 
                             <td>1</td>
                             <td>专题xxxxxxxxxxxxxxxx</td> 
                             <td>已发布</td>
                             <td>实事</td> 
                             <td>3</td>
                             <td>2018-11-1 13:20:06</td> 
                             <td>查看/编辑文章</td>
                             <td></td>
                        </tr>
                        
                        <tr>
                             <td><input type="checkbox" /></td> 
                             <td>2</td>
                             <td>专题xxxxxxxxxxxxxxxx</td>  
                             <td>已发布</td>
                             <td>财经</td> 
                             <td>6</td>
                             <td>2018-11-1 13:20:06</td> 
                             <td>查看/编辑文章</td>
                             <td></td>
                        </tr>
                        
                        <tr>
                             <td><input type="checkbox" /></td> 
                             <td>3</td>
                             <td>专题xxxxxxxxxxxxxxxx</td> 
                             <td>已发布</td>
                             <td>旅游</td> 
                             <td>7</td>
                             <td>2018-11-1 13:20:06</td>  
                             <td>查看/编辑文章</td>
                             <td></td>
                        </tr> -->
                        
                </table>
                <!-- 分页 -->
                <div class="page_fen">
                    <div id="page" class="page_div"></div>
                </div>
				 </div>
			</div>
		</div>
    </body>
    <script src="js/foundation-datepicker.js"></script>
    <script>
        $('#demo-2').fdatepicker({
            format: 'yyyy-mm-dd hh:ii',
            pickTime: true
        });
    </script>
</html>
